<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>leafletMap</title>
    <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=BGBbLhXGgsPkqRbGTe6zdPGL4OmV09XZ"></script>
    <script src="leaflet/js/require/require.js" data-main="leaflet/js/main"></script>
</head>
<body>
<div id="sidebar" class="sidebar collapsed">
    <!-- Nav tabs -->
    <div class="sidebar-tabs">
        <ul role="tablist">
            <li><a href="#tool" role="tab"><i class="fa fa-wrench"></i></a></li>
            <li><a href="#home" role="tab"><i class="fa fa-database"></i></a></li>
            <li><a href="#profile" role="tab"><i class="fa fa-area-chart"></i></a></li>
            <li class="disabled"><a href="#messages" role="tab"><i class="fa fa-envelope"></i></a></li>
            <li><a href="https://github.com/googlegis/leafletmap" role="tab" target="_blank"><i class="fa fa-github"></i></a></li>
        </ul>

        <ul role="tablist">
            <li><a href="#settings" role="tab"><i class="fa fa-gear"></i></a></li>
        </ul>
    </div>

    <!-- Tab panes -->
    <div class="sidebar-content">
        <div class="sidebar-pane" id="tool">
            <h1 class="sidebar-header">
                工具
                <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
            </h1>
            <div id="zoomControllDiv" style="padding-top: 10px;">

            </div>

            <div id="layerControllDiv" style="padding-top: 10px;">

            </div>

            <div id="searchControllDiv" style="padding-top: 10px;">

            </div>

            <div id="legendDiv"   style="padding-top: 30px;">
                <div>
                    <li class="padd"><a>运行状态:</a><image src="leaflet/png/run/0.png" class="padLeft"/><image src="leaflet/png/run/1.gif" class="padLeft"/><image src="leaflet/png/run/2.gif" class="padLeft"/></li>
                    <li class="padd"><a>门禁状态:</a><image src="leaflet/png/men/0.png" class="padLeft"/><image src="leaflet/png/men/1.png" class="padLeft"/></li>
                    <li class="padd"><a>运维状态:</a><image src="leaflet/png/wei/0.png" class="padLeft"/><image src="leaflet/png/wei/1.png" class="padLeft"/></li>
                    <li class="padd"><a>报警状态:</a><image src="leaflet/png/warn/0.png" class="padLeft"/><image src="leaflet/png/warn/1.png" class="padLeft"/><image src="leaflet/png/warn/2.png" class="padLeft"/></li>

                </div>

            </div>


        </div>
        <div class="sidebar-pane" id="home">
            <h1 class="sidebar-header">
                站点
                <span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
            </h1>
            <div style="padding: 5px;">
                <input type="checkbox" id="chkcluster" value="cluster" title="cluster">聚合</input>
                <input type="checkbox" id="chktooltip" value="tooltip" title="cluster">标注</input>
                <input type="checkbox" id="chkScroll" value="Scroll" title="Scroll">卷帘</input>
                <button id="btnExport" type="button" value="export">保存</button>
                <button id="btnPrint" type="button" value="print">打印</button>
            </div>
            <div id="treeDiv" class="demo-tree-more" style="padding-top: 10px;">

            </div>
        </div>

        <div class="sidebar-pane" id="profile">
            <h1 class="sidebar-header">巡检<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>

            <div class="layui-inline" style="padding-top: 5px;">
                <label style="padding-left: 10px;">请选择时间</label>
                <div class="layui-input-inline" style="padding-left: 5px;">
                    <input type="text" class="layui-input" id="inputDate" placeholder="开始 到 结束">
                </div>
            </div>

            <div style="padding: 5px;">
                <input type="checkbox" id="chkWarn" value="warn" title="泵房报警时空专题图">泵房报警时空专题图</input>
            </div>

            <div style="padding: 5px;">
                <input type="checkbox" id="chkHeatStation" value="station" title="泵房位置热力图">泵房位置热力图</input>
            </div>

            <div style="padding: 5px;">
                <input type="checkbox" id="chkHeatWarn" value="station" title="泵房报警时空热力图">泵房报警时空热力图</input>
            </div>
        </div>

        <div class="sidebar-pane" id="messages">
            <h1 class="sidebar-header">Messages<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
        </div>

        <div class="sidebar-pane" id="settings">
            <h1 class="sidebar-header">设置<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
        </div>
    </div>
</div>
<div id="divmap" class="sidebar-map"></div>

</body>
<!--实时数据弹出窗口-->
<div id="divTab"  class="layui-tab layui-tab-card" style="display: none;"></div>
<!--工艺图弹出窗口 -->
<div id="divGongYi" class="ecgs-l" style="display: none;">
    <div id="divGy" class="layui-carousel">
        <div carousel-item id="divGongYiItem" >
            <div id="deviceData1">
                <img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
            </div>
            <div id="deviceData2" class="ecgs-fir box-shadow">
                <img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
            </div>
            <div id="deviceData3" class="ecgs-fir box-shadow">
                <img src="leaflet/js/lib/ecgs16/img/device16.png" class="d-block w-100" alt="...">
            </div>
        </div>
    </div>
    <div id="shuizhiDiv" class="ecgs-ss box-shadow">
        <div class="body-title"><h3 id="shuizhiTitle">圆梦苑泵房水质监测</h3></div>
        <div id="szdiv"  class="ecgs-sscon clearfix2">
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>
            <div class="ecgs-ssli fl"><div class="ecgs-sstxt"><div class="ecgs-sstab"><p>提升泵1频率</p><span>0</span></div></div></div>

        </div>
    </div>
</div>

<div id="vrcontainer" style="display: none;"></div>
<div id="streetMap" style="width:100%;height:100%;display: none;"></div>
</html>